/*===================样式重置================================*/
html, body, div, span, h1, h2, h3,
h4, h5, h6, p, a, img, ol, ul, li{
    margin: 0;
    padding: 0;
    font-weight: normal;    /*字体继承*/
}
html{
    font-family: "Microsoft YaHei";
    font-size: 16px;
    box-sizing: border-box;
}
:focus,input {
    outline: none;  /*元素周边没有虚拟线*/
}
img, iframe {
    border: none; /*无边框*/
}

ol, ul {
    list-style: none; /*列表修饰符*/
}
a{
    text-decoration: none;  /*无文本修饰*/
    color: inherit; /*从父元素继承样式*/
}
/* == clearfix == */
.clearfix:after {   /*在元素的内容之后插入新内容*/
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; /*元素不可见*/
}
.clearfix { /*元素后面添加清除浮动元素 用来清撑不出高*/
    zoom: 1;
}
.fl{
    float: left;
}
.fr{
    float: right;
}
.clear{ /*规定元素左右两侧不允许有浮动*/
    clear: both;
}